<template>
  <div>
    <el-quill-editor
      v-model="content"
      :action="action"
      :headers="headers"
    />
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>HTML 内容</span>
      </div>
      <div class="text item" style="word-wrap:break-word;">
        {{ content }}
      </div>
    </el-card>
  </div>
</template>
<script>
import ElQuillEditor from '@/components/ElQuillEditor/index.vue'
import { getToken } from '@/util/token-utils'
export default {
  components: {
    ElQuillEditor
  },
  data() {
    return {
      // 上传图片和视频的地址
      action: 'http://localhost:8080/sys/file/upload',
      // 上传header配置
      headers: {
        QianYuanToken: getToken()
      },
      content: ''
    }
  }
}
</script>
